.swiper {
    background-color: #ffff;
    .swiper_square {
        position: relative;
        .counter {
            position: absolute;
            right: 28rpx;
            bottom: 22rpx;

            padding: 8rpx 24rpx;

            color: #ffffff;
            border-radius: 26rpx;
            background: rgba(51, 51, 51, 0.5);

            font-size: 26rpx;
            font-weight: 400;
            line-height: 36rpx;
        }
        .swiper_content {
            height: 750rpx;
            .tabimg {
                width: 100%;
                height: 100%;
            }
        }
    }

    .goods_content {
        padding: 28rpx;
        .goods_items {
            display: flex;
            justify-content: space-between;
            .goods_text {
                padding-right: 45px;

                word-break: break-all;

                color: #333333;

                font-size: 28rpx;
                font-weight: 500;
                line-height: 40rpx;
            }
            button::after {
                border: none;
            }
            .goods_btn {
                flex-shrink: 0;

                min-height: max-content;
                margin: 0;
                padding: 0;

                background-color: #fff;
                .goods_img {
                    width: 32rpx;
                    height: 32rpx;
                }
                .sharecontent {
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    .title {
                        margin-top: 10rpx;

                        color: #666666;

                        font-size: 24rpx;
                        font-weight: 400;
                        line-height: 32rpx;
                    }
                }
            }
        }
        .goods_money {
            margin-top: 22rpx;

            color: #fe292b;

            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 36rpx;
            font-weight: 600;
            line-height: 50rpx;

            .price-qian {
                font-size: 24rpx;
                font-weight: 500;
            }
            .price-qi {
                font-size: 24rpx;
                font-weight: 500;
            }
            .price-dian {
                font-size: 26rpx;
                font-weight: 500;
            }
        }
    }
}
.bottom {
    .bottom_content {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding-bottom: var(--safe-area-inset-bottom);
        .bottom_left {
            display: flex;
            .goods_num {
                position: relative;
                top: 0;
                left: 0;
                .goods_icon {
                    position: absolute;
                    top: 0;
                    right: -20rpx;

                    padding: 3rpx 10rpx;

                    color: #fe292b;
                    border: 2rpx solid #fe292b;
                    border-radius: 14rpx;
                    background: #ffffff;

                    font-size: 18rpx;
                }
            }
            .space {
                margin-left: 50rpx;
            }
            .bottom_icon {
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: space-between;

                .bottom_img {
                    width: 48rpx;
                    height: 48rpx;
                }
                .bottom_text {
                    color: #666666;

                    font-size: 20rpx;
                    font-weight: 400;
                    line-height: 26rpx;
                }
            }
        }
        .bottom_right {
            display: flex;
            flex: 1;
            justify-content: flex-end;

            margin-left: 52rpx;
            .btn {
                width: 180rpx;
                height: 66rpx;
                margin: 0;
                padding: 0;

                color: #ffffff;
                border-radius: 36rpx;
                background: linear-gradient(270deg, #ffbd28 0%, #ff9b28 100%);

                font-size: 26rpx;
                font-weight: 500;
            }
            .disabled {
                color: #ffff !important;
                background: #cccccc !important;
            }
            .two {
                background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%) !important;
            }
            .first {
                margin-right: 18rpx;
            }
            .spikes_btn {
                flex: 1;
            }
        }
    }
}

.detail {
    margin-top: 18rpx;
    padding: 28rpx;

    background-color: #ffff;
    .detail_line {
        display: flex;
    }
    .detail_text {
        flex-shrink: 0;

        padding-right: 60rpx;

        color: #999999;

        font-family: PingFangSC-Regular, PingFang SC;
        font-size: 28rpx;
        font-weight: 400;
        line-height: 50rpx;
    }
    .detail_value {
        word-break: break-all;

        color: #333333;

        font-size: 28rpx;
        font-weight: 400;
        line-height: 50rpx;
    }
    .detail_list {
        display: flex;
        justify-content: space-between;

        margin-top: 12rpx;
        .img_content {
            padding-left: 14rpx;

            vertical-align: middle;
            .img_icon {
                width: 10rpx;
                height: 18rpx;
            }
        }
        button {
            align-items: center;
            flex-shrink: 0;

            margin: 0;
            margin-left: 16rpx;

            color: #fe292b;
            border: 2rpx solid #fe292b;
            border-radius: 26rpx;

            font-size: 26rpx;
            font-weight: 400;
            line-height: 50rpx;
        }
    }
}
.popcontent {
    padding: 0rpx 28rpx 60rpx 28rpx;
    .popcontent_top {
        display: flex;

        padding-bottom: 28rpx;

        border-bottom: 2rpx solid #f5f5f5;
    }
    .popcontent_stepcount {
        display: flex;
        align-items: center;
        justify-content: space-between;

        margin: 28rpx 0 80rpx 0;
    }
    .popcontent_pay {
        display: flex;
        justify-content: center;
        button {
            width: 50%;
            margin: 0;
            padding: 12rpx 64rpx;

            color: #ffffff;
            border: 2rpx solid linear-gradient(270deg, #ffbd28 0%, #ff9b28 100%);
            border-radius: 40rpx 0 0 40rpx;
            background: linear-gradient(270deg, #ffbd28 0%, #ff9b28 100%);

            font-size: 28rpx;
            font-weight: 500;
        }
        .twobutton {
            border-radius: 0rpx 40rpx 40rpx 0rpx;
            background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);
        }
    }
    .popcontent_detail {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .popcontent_money {
            color: #fe292b;

            font-size: 36rpx;
            font-weight: 500;
            line-height: 50rpx;
        }
        .popcontent_count {
            color: #999999;

            font-size: 24rpx;
            font-weight: 400;
            line-height: 40rpx;
        }
    }
    .popcontent_img {
        width: 144rpx;
        height: 144rpx;
        margin-right: 18rpx;

        border-radius: 8rpx;
    }
    .popcontent_list {
        display: flex;

        padding-bottom: 28rpx;

        border-bottom: 2rpx solid #f5f5f5;
        .disabled_btn {
            color: #9999 !important;
        }
        .popcontent_btn {
            flex-shrink: 0;

            margin: 0 22rpx 0 0;
            padding: 10rpx 34rpx;

            color: #333333;
            border-radius: 8rpx;
            background: #f5f5f5;

            font-size: 26rpx;
            font-weight: 400;
            line-height: 36rpx;
        }
        .popcontent_redbtn {
            color: #fe292b !important;
            background: #ffeded !important;
        }
    }
    .popcontent_value {
        margin: 28rpx 0;

        color: #333333;

        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
    }
}
.introduce {
    margin-top: 18rpx;
    padding-bottom: 180rpx;

    background-color: #ffffff;
    .introduce_title {
        padding: 28rpx;

        color: #333333;

        font-size: 28rpx;
        font-weight: 500;
        line-height: 40rpx;
    }
}
.tab {
    position: fixed;
    bottom: 0;
    left: 0;

    width: calc(100% - 28px);
    padding: 6px 16px;

    background-color: #fff;
    box-shadow: 0px -2px 4px 0px rgba(153, 153, 153, 0.08);
}
.float-box-good {
    overflow: hidden;

    width: 100rpx;
    height: 100rpx;
}
.activity-popup-goods {
    width: 100%;
    padding-bottom: 29rpx;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);

    color: #333333;
    background-color: #ffffff;

    font-family: PingFangSC-Regular, PingFang SC;
    font-size: 25rpx;
    .title {
        display: flex;
        justify-content: space-between;

        margin-bottom: 54rpx;
        padding-top: 19rpx;

        text-align: center;

        color: #333333;

        font-family: PingFangSC-Medium, PingFang SC;
        font-size: 31rpx;
        font-weight: 500;
        line-height: 43rpx;
    }
    .detail-img-close {
        width: 22rpx;
        height: 22rpx;
        padding-right: 29rpx;

        color: #cccccc;

        font-size: 40rpx;
    }
    .content {
        display: flex;

        margin-bottom: 22rpx;
        padding: 0 65rpx 0 29rpx;
        .label {
            width: 126rpx;
        }
        .right {
            flex: 1;
            .red-color {
                color: #fe292b;
            }
        }
    }
    .btn {
        height: 80rpx;
        margin: 120rpx 29rpx 0 29rpx;

        text-align: center;

        color: #ffffff;
        border-radius: 40rpx;
        background: linear-gradient(270deg, #ff5356 0%, #fe292b 100%);

        font-size: 29rpx;
        font-weight: 500;
        line-height: 80rpx;
    }
}
